<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品列表</title>
		<link rel="stylesheet" href="css/base.css" />
		<script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
		<script type="text/javascript" src="js/base.js" ></script>
		<script type="text/javascript" src="js/goods.js" ></script>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<!-------------------------头部-------------------------------->
		<div class="head">
			<div class="head-content">
				<a class="logo" href="index.html"></a>
				<ul class="head-right">
					<li>
						<span class="nologin"><a href="login.html">登录</a><a href="register.html">注册</a></span>
						<div class="logined">
							<p style="color:#ccc"></p>
							<span>
								<a href="receiver.html">收货信息</a>
								<a href="order.html">我的订单</a>
								<a class="logout" href="#">注销账户</a>
							</span>
						</div>
					</li>
					<li class="line"></li>
					<li class="cart">
						<a class="cart-a" href="cart.html">购物车</a>
						<div class="cart-detail">
							<p>您的购物车暂时没有商品</p>
							<a href="goods.html">快去抢购良仓商品吧！</a>
						</div>
					</li>
					<li class="line"></li>
					<li class="message">
						<a  class="message-a" href="#">消息</a>
						<div class="message-detail">
							<a href="#">动态<small>0</small></a>
							<a href="#">评论<small>0</small></a>
							<a href="#">私信<small>0</small></a>
							<a href="#">粉丝<small>0</small></a>
							<a href="#">喜欢<small>0</small></a>
							<a href="#">通知<small>0</small></a>
						</div>
					</li>
					<li class="line"></li>
					<li ><a class="goodsAdd" href="#">添加良品</a></li>
				</ul>
			</div>
		</div>
		
		<!-------------------------导航栏-------------------------------->
		<div class="nav">
			<div class="nav-content">
				<ul class="nav-left">
					<li><a href="index.html">首页</a></li>
					<li class="store">
						<a href="#">商店</a>
						<div class="store-content">
							<ul>
								
							</ul>
							<div>
								<img src="img/head/goods0.jpg" />
								<p>新视线：  2015期刊</p>
							</div>
						</div>
					</li>
					<li class="magazine">
						<a href="#">杂志</a>
						<div class="magazine-content">
							<ul>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
								<li><a href="#">趣物</a></li>
							</ul>
						</div>
					</li>
					<li class="share">
						<a href="share.html">分享</a>
						<div class="share-content">
							<ul>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
								<li><a href="#">男士</a></li>
							</ul>
						</div>
					</li>
					<li><a href="#">达人</a></li>
				</ul>
				<div class="nav-right">
					<div class="search-input">
						<input id="search-input" type="text" placeholder="search..." />
					</div>
					<i></i>
				</div>
			</div>
		</div>
		
		<!----------------------------商店内容开始-------------------------------->
	<div id="main">
	<div id="goodsForType" class="shopListCon styl_3" style="margin-top: 20px;">
			
		</div>
			
		</div>
		
	</div>	
	</body>
</html>
